.warp{

    display: flex;

    justify-content: space-between;

}

.wrapL{

    width: 20%;

    position: relative;
    margin-bottom: 60px;

}

.wrap_title{

    background: url(../images/titleBg1.jpg) no-repeat;

    background-size: 100% 100%;

    width: 100%;

    height: 186px;

    color: #fff;

    text-align: center;

    padding:50px 0 0 35px;

    position: absolute;

    top: -93px;

}

.wrap_title h3{

    font-size: 28px;

}

.wrap_title p{

    font-size: 18px;

}

.wrap_nav{

    overflow: hidden;

    background-color: #f5f5f5;

    border: 1px solid #e9e9e9;

    padding: 10px 30px;

    margin-top: 93px;

}

.wrap_nav ul li{

    height: 65px;

    line-height: 65px;

    border-bottom: 1px solid #dedede;

    text-align: center;

}

.wrap_nav ul li:last-child{

    border-bottom: 0;

}

.wrap_nav ul li a{

    display: block;

    height: 65px;

    line-height: 65px;

    font-size: 18px;

    color: #212020;

    position: relative;

}

.wrap_nav ul li a::before{

    content: '';

    width: 5px;

    height: 30px;

    background-color: rgba(255, 255, 255, 0);

    position: absolute;

    left: 18%;

    top: 16px;

}

.wrap_nav ul li.navCur a{

    color: #aa0018;

}

.wrap_nav ul li.navCur a::before{

    background-color: #aa0018;

}

.wrapR{

    width: 78%;

    margin: 10px 0 40px 0;
    min-height: 400px;

}

.location{

    border-bottom: 1px solid #e2e1e1;

    height: 57px;

    display: flex;

    align-items: center;

}

.location i.icon-shouye{

    color: #993535;

    font-size: 22px;

    margin-right: 18px;

}

.location p{

    font-size: 16px;

    color: #333;

}

.news_list{

    overflow: hidden;

    margin-top: 10px;

}

.news_list ul li{

    height: 50px;

    line-height: 50px;

    font-size: 16px;

    display: flex;

    justify-content: space-between;

}

.news_list ul li a{

    position: relative;

    padding-left: 15px;

    height: 50px;

    line-height: 50px;

    width: 80%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.news_list ul li a::before{

    content: '';

    width: 2px;

    height: 2px;

    background-color: #433f3f;

    position: absolute;

    top: 24px;

    left: 5px;

}

.news_list ul li a:hover{

    color: #aa0018;

}
.djgz_level{overflow: hidden;text-align: center;padding: 30px 0;}
.djgz_level a{
    display: inline-block;
    height: 45px;
    line-height: 45px;
    background: #efefef;
    padding: 0 18px;
    font-size: 18px;
    border-radius: 5px;
    margin: 0 2%;
}
.djgz_level a.level_cur{
    background: #aa0018;
    color: #fff;
}

.index03{
	overflow: hidden;
	background-color: #f9f9f9;
}
.index03_c{
	overflow: hidden;
	margin-top: 40px;
	padding-bottom: 40px;
}
.index03_c ul li{
	float: left;
	background-color: #f5f5f5;
    width: 23.5%;
    margin: 0 2% 2% 0; 
}
.index03_c ul li:nth-child(4n){
	margin: 0;
}

.index03_c ul li video{
	width: 100%;
	display: block;
    height: 192px;
}
.index03_c ul li p{
	height: 60px;
	text-align: center;
	line-height: 60px;
	padding:0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	color: #313131;
}
/* 新闻详情 */

.news_dt{

    overflow: hidden;

    text-align: center;

    padding: 20px 10%;

    background-color: #f5f5f5;

    margin-bottom: 20px;

}

.news_dt h3{

    font-size: 18px;

    line-height: 30px;

    margin-bottom: 5px;

}

.news_dt span{

    display: inline-block;

    margin: 0 10px;

}

.news_dd p{

    /* text-indent: 2em; */

    font-size: 16px;

    line-height: 30px

}

.news_dd img{

    display: block;

    max-width:80% !important;

    margin: 10px auto;

}

/* 学校概况 */

.xxgk{

    margin-top: 20px;

}

.xxgk p{


    font-size: 16px;

    line-height: 30px

}

/* 教学管理 */

.jxgl_list{

    overflow: hidden;

}

.jxgl_list ul li{

    overflow: hidden;

    border-bottom: 1px solid #dedede;

    padding: 24px 0;

}

.jxgl_list ul li a{

    display: flex;

    justify-content: space-between;

}

.jxgl_img{

    width: 222px;

    height: 158px;

    overflow: hidden;
    border:1px solid #eee

}

.jxgl_img img{

    display: inline-block;

    width: 100%;

    height: 100%;

    transition: all 0.6s;
    object-fit: cover;

}

.jxgl_text{

    width: 78%;

}

.jxgl_text h3{

    font-size: 18px;

    color: #433f3f;

    height: 36px;

    line-height: 36px;

    width: 90%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin: 10px 0 5px 0;

}

.jxgl_text .jxgl_jj{

    font-size: 16px;

    color: #767676;

    line-height: 26px;

    height: 52px;

    overflow: hidden;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

    margin-bottom: 5px;

}

.jxgl_text p{

    font-size: 16px;

    color: #767676;

    line-height: 32px;

}

.jxgl_text p span:first-child{

    margin-right: 12px;

}

.jxgl_list ul li a:hover .jxgl_text h3{

    color: #aa0018;

}

.jxgl_list ul li a:hover .jxgl_img img{

	transform: scale(1.1);

}

/* 校园文化 */

.xywh_list{

    overflow: hidden;

    margin-top: 20px;

}

.xywh_list ul li{
    float: left;
    width: 23.5%;
    margin: 0 2% 2% 0;

}
.xywh_list ul li:nth-child(4n){
    margin-right: 0;
}
.xywh_list ul li a{

    display: block;

    text-align: center;

}

.xywh_list ul li a span{

    display: block;

    width: 100%;

    height: 205px;

    border: 1px solid #eee;

    overflow: hidden;

}

.xywh_list ul li a span img{

    display: inline-block;

    width: 100%;

    height: 100%;

    transition: all 0.6s;
    object-fit: cover;

}

.xywh_list ul li a span img:hover{

    transform: scale(1.1);

}

.xywh_list ul li a  p{

    font-size: 18px;

    color: #433f3f;

    line-height: 60px;

    height: 60px;

    margin: 0 auto;

    width: 95%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

/* 在线问答 */

.answer{

    padding: 4% 15%;

}

.answer .layui-form-label{

    font-size: 18px;

}

.answer .layui-form-item{

    margin-bottom: 25px;

}

.answer .layui-input, .layui-select, .layui-textarea{

    border: 1px solid #e2e1e1;

}

.answer .layui-btn{

    background-color: #aa0018;

    border-radius: 5px;

    font-size: 16px;

    height: 45px;

    line-height: 45px;

    padding: 0 60px;

    margin: 0 20px;

}

.answer .layui-btn-primary{

    background-color: #b6b6b6;

    border-radius: 5px;

    color: #000;

}

.answer .layui-form-item:last-child .layui-input-block{

    margin-left: 0;

    text-align: center;

}
@media (max-width:1800px){
    .jxgl_text{

        width: 77%;

    }
}
@media (max-width:1680px){
    .wrap_title h3{font-size: 26px;}
    .wrap_title p{font-size: 16px;}
    .jxgl_text{

        width: 75%;
    
    }
}
@media (max-width:1600px){

    .jxgl_text{
        width: 74%;
    }

    .index06 .index04_rc .index04_img{

        height: 165px;

    }

}
@media (max-width:1440px){
    .wrap_title p{padding: 0 10px;}
    .jxgl_text{
        width: 72%;
    }
}
@media (max-width:1366px){

    .wrapL{

        width: 24%;

    }

    .wrapR{

        width: 74%;

    }

    .jxgl_text{

        width: 71%;

    }

    .xywh_list ul li a span{

        height: 150px;

    }

}
@media (max-width:1280px){
    .wrap_title h3{font-size: 22px;}
    li.nav-item>a{
        font-size: 15px;
    }
    .jxgl_text{
        width: 70%;
    }
}
@media (max-width:1024px){
    .jxgl_text{
        width: 63%;
    }
}